<template>
  <div>
    <el-row :gutter="20">
      <el-col :span="6">
        <NuxtLink class="nuxt-link" to="/">首页</NuxtLink>
      </el-col>
      <el-col :span="6">
        <NuxtLink class="nuxt-link" to="/about">关于</NuxtLink>
      </el-col>
      <el-col :span="6">
        <NuxtLink class="nuxt-link" to="/posts/1">文章1</NuxtLink>
      </el-col>
      <el-col :span="6">
        <NuxtLink class="nuxt-link" to="/posts/2">文章2</NuxtLink>
      </el-col>
    </el-row>
  </div>
</template>

<script setup>
const name = "Helen Kale";
const router = useRouter()
function jump() {
  router.push('/')
}
</script>

<style scoped>
.nuxt-link {
  text-decoration: none;
  color: #000;
}

.el-row {
  margin-bottom: 20px;
}

.el-col {
  border-radius: 4px;
}
</style>